@charset "utf-8";
/* CSS Document */

/*.music-box*/
.music-box {
	position:relative;
	height:379px;
	overflow:auto;
	background:#FFF;
}
.music-box .file-list dd .file-name {
	width:180px;
	padding-left:23px;
	cursor:default;
}
.music-box .file-name em {
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:25px;
	line-height:25px;
	text-align:right;
}
.music-box .file-list dd.playing * {
	color:#4D9302;
}
.music-box .file-list dd .icon {
	display:none;
	position:absolute;
	top:4px;
	left:6px;
}
.music-box dd.playing .icon {
	display:block;
}
.music-box dd.playing em {
	display:none;
}
/*.player*/
.player-wrap,
.player-ctrl a,
.player-pannel a,
.progress-bar b,
.player-min {
	background-image:url(../images/main/player_handle.gif);
	background-repeat:no-repeat;
}
.player-wrap {
	position:relative;
	height:64px;
	background-color:#E0E0E0;
	background-position:0 0;
}
.player-ctrl {
	position:absolute;
	left:11px;
	top:10px;
	width:44px;
	height:44px;
	overflow:hidden;
}
.player-ctrl a {
	position:absolute;
	left:0;
	top:0;
	width:44px;
	height:44px;
	line-height:100;
	overflow:hidden;
	background-position:0 -70px;
}
.player-ctrl a:hover {
	background-position:-45px -70px;
}
.player-ctrl a.pause {
	top:0;
	background-position:-90px -70px;
}
.player-ctrl a.pause:hover {
	background-position:-135px -70px;
}
.player-song {
	position:absolute;
	left:68px;
	top:12px;
	width:180px;
	height:17px;
	line-height:17px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#CCC;
}
/*.player-pannel*/
.player-pannel {
	position:absolute;
	left:68px;
	top:38px;
	width:150px;
	height:19px;
	overflow:hidden;
}
.player-pannel a {
	position:relative;
	float:left;
	width:22px;
	height:19px;
	margin-right:5px;
	line-height:10;
	overflow:hidden;
}
.player-prev {
	background-position:-180px -70px;
}
.player-prev:hover {
	background-position:-180px -89px;
}
.player-next {
	background-position:-224px -70px;
}
.player-next:hover {
	background-position:-224px -89px;
}
.player-stop {
	background-position:-202px -70px;
}
.player-stop:hover {
	background-position:-202px -89px;
}
.player-pause {
	background-position:-180px -108px;
}
.player-pause:hover {
	background-position:-202px -108px;
}
.player-play {
	background-position:-224px -108px;
}
.player-play:hover {
	background-position:-246px -108px;
}
.loop-single {
	background-position:-246px -70px;
}
.loop-single:hover {
	background-position:-246px -89px;
}
.loop-list {
	background-position:-268px -70px;
}
.loop-list:hover {
	background-position:-268px -89px;
}
.loop-random {
	background-position:-290px -70px;
}
.loop-random:hover {
	background-position:-290px -89px;
}
.player-volume {
	left:20px;
	background-position:-268px -108px;
}
.player-volume:hover {
	background-position:-290px -108px;
}
.player-mute {
	left:20px;
	background-position:-180px -127px;
}
.player-mute:hover {
	background-position:-202px -127px;
}
/*.player-progress*/
.player-progress {
	position:relative;
	height:29px;
	background:#64778E;
	background:-moz-linear-gradient(top, #37B1FB, #7389A2 100%);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#37B1FB), to(#7389A2));
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#37B1FB', endColorstr='#7389A2');
}
.progress-bar {
	position:absolute;
	left:13px;
	top:13px;
	width:192px;
	height:1px;
	border-top:1px solid #334250;
	border-bottom:1px solid #95A6B5;
	background:#5C6C7B;
}
.volume-bar {
	width:60px;
	top:46px;
	left:220px;
}
.progress-bar .download-bar,
.progress-bar .bar-con {
	position:absolute;
	z-index:1;
	left:0;
	height:1px;
}
.progress-bar .download-bar {
	top:-4px;
	height:9px;
	overflow:hidden;
}
.progress-bar .download-bar i {
	display:block;
	height:1px;
	margin-top:4px;
	overflow:hidden;
	background:#CCC;
}
.progress-bar .bar-con {
	z-index:2;
	background:#15D0EC;
}
.progress-bar b {
	position:absolute;
	top:-5px;
	right:-5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background-position:-302px 0;
}
.volume-bar b {
	background-position:-302px -10px;
}
.progress-num {
	position:absolute;
	left:212px;
	top:0;
	line-height:27px;
	color:#CED9E6;
}
/*.music-player*/
.music-player {
	width:290px;
	height:500px;
}
.min-player {
	width:290px;
	height:64px;
}
.min-player .player-progress,
.min-player .status-bar,
.min-player .music-box {
	display:none;
}
/*.player-min*/
.player-min {
	position:absolute;
	top:5px;
	left:165px;
	z-index:3;
	width:148px;
	height:24px;
	background-position:0 -119px;
}
.player-min .title-handle {
	top:5px;
}
.player-min .player-pannel {
	position:absolute;
	top:3px;
	left:7px;
	width:85px;
	height:19px;
	overflow:hidden;
}
